<div id="cabecera">
	<h3> Elije a tus adversarios </h3> 
</div>

<div id="Usuarios">
	
	<ol id="contenedorUsuarios">
	
	</ol>
		<span></span> <span id="select-result"></span>
</div>
<div id="enviarNotificacion">

	<input type="button"  class="text-center" value="Enviar Notificacion" id="notificacion">

</div>

<script>
	var idJugadores;
	var urlUsuario = "../dispatcher/plataforma/usuarios";
	urlUsuario += "?idUsuario="+idUsuario;
	
	var listaIdJugadores = [idUsuario.toString()];
	
	$.getJSON(urlUsuario, function(data) {
		$.each(data, function(i, item){
			 $(contenedorUsuarios).append('<li name=usuario id='+ item.id +'>' + item.nombre + ' </li>');
		});
	});

	$(function() {
		
		
		$( "#contenedorUsuarios" ).selectable();

		$( "#contenedorUsuarios" ).on("selectableselecting", function( event, ui ) {
			event.preventDefault();
			listaIdJugadores.push(ui.selecting.id);
		} );
		
		$( "#contenedorUsuarios" ).on("selectableunselecting", function( event, ui ) {
			event.preventDefault();
			listaIdJugadores.splice( $.inArray(ui.unselecting.id, listaIdJugadores), 1 );
		} );
	
		        
	});
	$("#notificacion").click(function() {
		
		var data = '{"idPartida" : "'+ idPartida +' " , "idJugador" : ' + JSON.stringify(listaIdJugadores) +'}';
		
		$.ajax({
	           type: "POST",
	            url: "../dispatcher/juego/notificacionJuego",
	            data: data,
	            beforeSend: function(xhr) {  
	                xhr.setRequestHeader("Accept", "application/json");  
	                xhr.setRequestHeader("Content-Type", "application/json");  
	            },  
	            success: function (datos) {
	            },
	            error : function (data, status, er) {
	            	alert("error" + data + " status " +status+" er:"+er );
	            }
	    });
		multijugadores(idPartida, listaIdJugadores);
		$('#instrucciones' ).load('juego/variosJugadores.html');
		
	});
	
	function multijugadores(idPartida, listaIdJugadores){
		
		var data = '{"idPartida" : "'+ idPartida +' " , "idJugador" : ' +JSON.stringify(listaIdJugadores) +'}';
		$.ajax({
	           type: "POST",
	            url: "../dispatcher/juego/partidaMultijugador",
	            data: data,
	            beforeSend: function(xhr) {  
	                xhr.setRequestHeader("Accept", "application/json");  
	                xhr.setRequestHeader("Content-Type", "application/json");  
	            },  
	            success: function (datos) {
					
	            },
	            error : function (data, status, er) {
	            	alert("error" + data + " status " +status+" er:"+er );
	            }
	     });
	}

</script>
